<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<!-- 
		 DOM 能干啥
		 1、获取标签
		 2、操作元素的内容
		 3、操作标签的属性
		 4、操作标签的样式（css）
		 5、元素的事件操作
		 -->
		 
		 <img src="img/ganlai.gif" alt="" width="100">
		 <img src="" alt="">
		 <script type="text/javascript">
		 	/* 操作属性 ： 
				获取属性值：直接调用标签的属性名称 class---className
				设置属性值：直接调用标签的属性名称进行设置
				
			以上操作适用于标签的标准属性，但是自定义属性不能这么操作。
			 */
			// 获取 元素
			var img1 = document.querySelectorAll("img")[0]
			var img2 = document.querySelectorAll("img")[1]
			
			// 读取标签的属性值
			var src = img1.src
			var w = img1.width
			console.log(src)
			
			// 设置属性值
			img2.src = src
			img2.width = w
			
		 </script>
	</body>
</html>

